﻿<%@ Page Title="" Language="C#" MasterPageFile="~/Views/Shared/Site.Master" Inherits="System.Web.Mvc.ViewPage<VietThuongLMS.ViewModels.TinTucPageViewModel>" %>

<asp:Content ID="Content1" ContentPlaceHolderID="MainContent" runat="server">
    <div class="wrap_headline">
        <div class="headline">
            <h1>
                Tin tức tháng <%=ViewData["month"] %></h1>
        </div>
    </div>
    <div class="wrap_cont_nav">
        <div class="cont_nav">
            <a href='<%=ResolveUrl("~/")%>'>Trang chủ</a>&nbsp;/&nbsp;Tin tức
        </div>
    </div>
    <div class="container">
        <section id="middle">
					<div class="middle_inner">
<!-- __________________________________________________ Start Content -->

						<div class="content_wrap">
							<section id="content">
								<div class="entry_summary">
									<section class="blog">
                                    <% 
                                        if (@Model != null && @Model.tintuc.List.Count > 0)
                                        {
                                            int i = 1;
                                            foreach (VietThuongLMS.TinTuc @TinTuc in @Model.tintuc.List)
                                            {%>
							                    <article class="post hentry format-standard">
								                    <div class="cmsms_info">
									                    <div class="published">
										                    <span class="cmsms_date_day"><%=@TinTuc.NgayDang.Value.Day %></span>
										                    <span class="cmsms_date_year_mounth"><%=@TinTuc.NgayDang.Value.Year %><br /><span class="mounth"><%=@TinTuc.NgayDang.Value.ToString("MMM") %></span></span>
									                    </div>
									                    <div class="cmsms_post_img" style="background-color:#fabe09;"></div>
									                    <div class="cmsms_like"><a href="#" class="cmsmsLike"><span><%=@TinTuc.LuotXem %></span></a></div>
								                    </div>	
								                    <div class="ovh">
									                    <header class="entry-header">
                                                        <% if (@TinTuc.UrlAvatar != null && @TinTuc.UrlAvatar != "")
                                                           { %>
										                    <div class="cmsms_media">
											                    <figure>
												                    <a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>" class="inBlog">
													                    <img src='<%=ResolveUrl("~/Images/TinTuc/")%><%=@TinTuc.UrlAvatar %>' alt="" class="fullwidth" />
												                    </a>
											                    </figure>
										                    </div>
                                                        <%} %>
										                    <div class="cmsms_title">
											                    <h1 class="entry-title"><a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>"><%=@TinTuc.TieuDe%></a></h1>
										                    </div>
										                    <div class="cmsms_post_info">
											                    <%--<span class="user_name">Đăng bởi: <a href="#"><%=@TinTuc.TaiKhoan.HoTen %></a></span>&nbsp;&nbsp;/&nbsp;&nbsp;--%>
											                    <span><a href="#" class="cmsms_comments">Lượt xem: <%=@TinTuc.LuotXem %></a></span>
										                    </div>
									                    </header>
									                    <div class="entry-content">
										                    <%=@TinTuc.NoiDung %>
									                    </div>
									                    <a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>" class="post_link cmsms_more">Xem thêm...</a>
									                    <div class="divider"></div>
								                    </div>
							                    </article>
                                        <% i++;
                    }
                    if ((string)ViewData["pageLinks"] != "")
                    { %>
                    <%= ViewData["pageLinks"] %>
                    <% }
                }
                else
                {
            %>
                    Empty List
    <% }
    %>
										
										
									</section>
								</div>
							</section>
<!-- __________________________________________________ Finish Content -->		

<!-- __________________________________________________ Start Sidebar -->
				
							<section id="sidebar">
								<div class="one_first">
									<aside class="widget widget_custom_latest_popular_recent_entries">
										<h2 class="widgettitle">Tin tức gần đây</h2>
										<div class="tab lpr">
											<ul class="tabs">
												<li>
													<a href="#" class="current"><span>Gần đây</span></a>
												</li>
												<li>
													<a href="#" class=""><span>Phổ biến</span></a>
												</li>
											</ul>
											<div class="tab_content">
												<div class="tabs_tab" style="display: block;">
													<ul>
                                                    <% 
                                                        if (@Model != null && @Model.tintucRecent.List.Count > 0)
                                                        {
                                                            foreach (VietThuongLMS.TinTuc @TinTuc in @Model.tintucRecent.List)
                                                            {%>
														<li>
															<div class="alignleft">
																<figure>
																	<a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>">
																		<img src="images/img/animal.png">
																	</a>
																</figure>
															</div>
															<div class="ovh">
																<a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>"><%=@TinTuc.TieuDe %></a>
																<abbr class="published"><%=@TinTuc.NgayDang %></abbr>
															</div>
															<div class="cl"></div>
														</li>
                                                            <%}
                                                        } %>
													</ul>
												</div>
												<div class="tabs_tab" style="display: none;">
                                                    <ul>
                                                    <% 
                                                        if (@Model != null && @Model.tintucPoppular.List.Count > 0)
                                                        {
                                                            foreach (VietThuongLMS.TinTuc @TinTuc in @Model.tintucPoppular.List)
                                                            {%>
														<li>
															<div class="alignleft">
																<figure>
																	<a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>">
																		<img src="images/img/posts_1.jpg">
																	</a>
																</figure>
															</div>
															<div class="ovh">
																<a href="<%=ResolveUrl("~/ChiTietTinTuc/")%><%=@TinTuc.ID%>"><%=@TinTuc.TieuDe %></a>
																<abbr class="published"><%=@TinTuc.NgayDang %></abbr>
															</div>
															<div class="cl"></div>
														</li>
                                                        <%}
                                                        } %>
													</ul>
												</div>
											</div>
										</div>
									</aside>
								</div>
								<div class="one_first">
									<aside class="widget widget_custom_flickr_entries">
										<h2 class="widgettitle">Hoạt động thành viên</h2>
										<ul id="flickr_images">
                                            <% 
                                                if (@Model != null && @Model.hinhAnhList.List.Count > 0)
                                                {
                                                    foreach (VietThuongLMS.HinhAnh @HinhAnh in @Model.hinhAnhList.List)
                                                    {%>
                                                    <li>
                                                        <a href="<%=ResolveUrl("~/")%>HoatDong" class="imgHoatDong">
                                                            <img width="80px" height="80px" src="<%=@HinhAnh.Url %>" />
                                                        </a>
                                                    </li>

                                            <%      }
                                                } %>
                                        </ul>
                                        <p><a href="<%=ResolveUrl("~/")%>HoatDong">Xem thêm</a></p>
									</aside>
								</div>
							</section>
<!-- __________________________________________________ Finish Sidebar -->	
						
						</div>
					</div>
				</section>
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="head" runat="server">
    <title><%=Resources.Global.title%> - <%=Resources.Global.tin_tuc%></title>
<style>
.pagination {
    margin: 20px 0;
}
.pagination ul {
    border-radius: 4px;
    box-shadow: 0 1px 2px rgba(0, 0, 0, 0.05);
    display: inline-block;
    margin-bottom: 0;
    margin-left: 0;
}
.pagination ul > li {
    display: inline;
}
.pagination ul > li > a, .pagination ul > li > span {
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-right-colors: none;
    -moz-border-top-colors: none;
    background-color: #FFFFFF;
    border-color: #DDDDDD;
    border-image: none;
    border-style: solid;
    border-width: 1px 1px 1px 0;
    float: left;
    line-height: 20px;
    padding: 4px 12px;
    text-decoration: none;
}
.pagination ul > li > a:hover, .pagination ul > li > a:focus, .pagination ul > .active > a, .pagination ul > .active > span {
    background-color: #F5F5F5;
}
.pagination ul > .active > a, .pagination ul > .active > span {
    color: #999999;
    cursor: default;
}
.pagination ul > .disabled > span, .pagination ul > .disabled > a, .pagination ul > .disabled > a:hover, .pagination ul > .disabled > a:focus {
    background-color: rgba(0, 0, 0, 0);
    color: #999999;
    cursor: default;
}
.pagination ul > li:first-child > a, .pagination ul > li:first-child > span {
    border-bottom-left-radius: 4px;
    border-left-width: 1px;
    border-top-left-radius: 4px;
}
.pagination ul > li:last-child > a, .pagination ul > li:last-child > span {
    border-bottom-right-radius: 4px;
    border-top-right-radius: 4px;
}
.pagination-centered {
    text-align: center;
}
.pagination-right {
    text-align: right;
}
.pagination-large ul > li > a, .pagination-large ul > li > span {
    font-size: 17.5px;
    padding: 11px 19px;
}
.pagination-large ul > li:first-child > a, .pagination-large ul > li:first-child > span {
    border-bottom-left-radius: 6px;
    border-top-left-radius: 6px;
}
.pagination-large ul > li:last-child > a, .pagination-large ul > li:last-child > span {
    border-bottom-right-radius: 6px;
    border-top-right-radius: 6px;
}
.pagination-mini ul > li:first-child > a, .pagination-small ul > li:first-child > a, .pagination-mini ul > li:first-child > span, .pagination-small ul > li:first-child > span {
    border-bottom-left-radius: 3px;
    border-top-left-radius: 3px;
}
.pagination-mini ul > li:last-child > a, .pagination-small ul > li:last-child > a, .pagination-mini ul > li:last-child > span, .pagination-small ul > li:last-child > span {
    border-bottom-right-radius: 3px;
    border-top-right-radius: 3px;
}
.pagination-small ul > li > a, .pagination-small ul > li > span {
    font-size: 11.9px;
    padding: 2px 10px;
}
.pagination-mini ul > li > a, .pagination-mini ul > li > span {
    font-size: 10.5px;
    padding: 0 6px;
}
.current span
{
    color:#FFFFFF;
}
</style>
</asp:Content>
